import Taro, { Component } from '@tarojs/taro'
import { View, Text } from '@tarojs/components'
import { IProps } from './schemas'
import XButton from '../XButton'
import './index.scss'

export default class extends Component<IProps, {}> {

    
    render() {
        const { visible, onClick } = this.props
        return (
            visible &&
            <View className='model'>
                <View className='mask'>
                    <View className='popup'>
                        <View className='header'>
                            <Text className='text'>参与成功</Text>
                        </View>
                        <View className='inner'>
                            <Text className='text'>您已种下一颗幸运草</Text>
                        </View>
                        <View className='footer'>
                            <XButton>分享好友获幸运草</XButton>
                            <View onClick={onClick}>
                                <Text className='caption'>暂不参与</Text>
                            </View>
                        </View>
                    </View>
                </View>
            </View>
        )
    }
}